﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
<title>在线留言</title>
<meta name="keywords" content="在线留言">
<meta name="description" content="在线留言">
<link href="/template/1/87/css/webstyle.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="/template/1/87/js/jquery.min.js"></script>
<script type="text/javascript" src="/template/1/87/js/top.js"></script>
<link href="/template/1/87/css/font-awesome.min.css" rel="stylesheet">
<link href="/template/1/87/css/owl.carousel.css" rel="stylesheet">
<link href="/template/1/87/css/grid.1.1.css" rel="stylesheet">
<link href="/template/1/87/css/base.css" rel="stylesheet">
<link href="/template/1/87/css/style.css" rel="stylesheet">
<link href="/template/1/87/css/plugin-style.css" rel="stylesheet">
<link href="/template/1/87/css/el-style.css" rel="stylesheet">
<link href="/template/1/87/css/jquery.mmenu.css" rel="stylesheet">
<script src="/template/1/87/js/jquery-1.11.0.min.js"></script>
<script src="/template/1/87/js/jquery.mmenu.min.js"></script>
<script src="/template/1/87/js/owl.carousel.min.js"></script>
<script src="/template/1/87/js/functions.js"></script>
<script src="/template/1/87/js/sea.js"></script>
<script src="/template/1/87/js/sea.run.js"></script>
 <!--引入vue库-->
 <script type="text/javascript" src="/static/plugins/vue/2.6.9/vue.min.js"></script>
 <!--引入element-ui库-->

 <script src="/static/plugins/element-ui/2.15.8/index.min.js"></script>
 <link rel="stylesheet" href="/static/plugins/element-ui/2.15.8/theme-chalk/index.min.css">

 <!--网络请求框架-->
 <script src="/static/plugins/axios/0.18.0/axios.min.js"></script>
 <script src="/static/plugins/qs/6.6.0/qs.min.js"></script>
 <script src="/static/plugins/ms/2.0/ms.umd.js"></script>
 <script src="/static/plugins/ms/2.0/ms-el-form.umd.js"></script>
 <!-- 引入自定义库 -->
 <script>
  ms.base = "";
 </script>
 <script src="/static/mdiy/index.js"></script>
<script>
website["dataId"]='1020';
</script>
</head>
<body>
<a class="mobileMenuBtn" href="#mobileNav"><i class="fa-bars" style="margin-top:6px"></i></a>
<nav class="mm-menu mmenu-nav" id="mobileNav">
 <ul>
 <li><a href="/">网站首页</a></li>
  <li> <a href="/html/amsj/guanyuwomen/index.html">关于我们</a>
 <ul>
 <li><a href="/html/amsj/guanyuwomen/gongsijianjie/index.html">公司简介</a></li>
 <li><a href="/html/amsj/guanyuwomen/qiyewenhua/index.html">企业文化</a></li>
 <li><a href="/html/amsj/guanyuwomen/rencaizhaopinliebiao/index.html">人才招聘</a></li>
 </ul>
 </li>
 <li> <a href="/html/amsj/xinwenzixun/index.html">新闻资讯</a>
 <ul>
 <li><a href="/html/amsj/xinwenzixun/gongsidongtai/index.html">公司动态</a></li>
 <li><a href="/html/amsj/xinwenzixun/xingyezixun/index.html">行业资讯</a></li>
 </ul>
 </li>
 <li> <a href="/html/amsj/chenggonganli/index.html">成功案例</a>
 <ul>
 </ul>
 </li>
 <li> <a href="/html/amsj/lianxiwomen/index.html">联系我们</a>
 <ul>
 </ul>
 </li>
 <li> <a href="/html/amsj/zaixianliuyan/index.html">在线留言</a>
 <ul>
 </ul>
 </li>
 <li> <a href="/html/amsj/chanpinzhongxin/index.html">产品中心</a>
 <ul>
 <li><a href="/html/amsj/chanpinzhongxin/huise/index.html">灰色</a></li>
 <li><a href="/html/amsj/chanpinzhongxin/lanse/index.html">蓝色</a></li>
 <li><a href="/html/amsj/chanpinzhongxin/lvse/index.html">绿色</a></li>
 <li><a href="/html/amsj/chanpinzhongxin/huangse/index.html">黄色</a></li>
 <li><a href="/html/amsj/chanpinzhongxin/hongse/index.html">红色</a></li>
 <li><a href="/html/amsj/chanpinzhongxin/chase/index.html">茶色</a></li>
 <li><a href="/html/amsj/chanpinzhongxin/caise/index.html">彩色</a></li>
 <li><a href="/html/amsj/chanpinzhongxin/baise/index.html">白色</a></li>
 <li><a href="/html/amsj/chanpinzhongxin/ty/index.html">TY</a></li>
 </ul>
 </li>
 </ul>
</nav>
<script>seajs.use(['mmenucss','mmenu'], function(){$('#mobileNav').mmenu();});</script>
<div id="pageOuter">
<div class="row" id="el_7156205485084355" path="row">
  <div class="rowFluid">
    <div class="span12">
      <div class="column" id="el_5363428545721853" path="column">
        <div class="container">
          <div class="row" id="el_8266426137881287" path="row">
            <div class="rowFluid">
              <div class="span6">
                <div class="column" id="el_5353336733923031" path="column">
                  <div class="pluginWrapper plugin_1095488541547840" id="plugin_1095488541547840" data-areaid="1095488541547840" data-edit="false" path="plugin">
                    <div class="pluginContent">您好，欢迎访问XXXX官网！</div>
                  </div>
                </div>
              </div>
              <div class="span6">
                <div class="column" id="el_1456154810901435" path="column">
                  <div class="pluginWrapper plugin_3734729866188833" id="plugin_3734729866188833" data-areaid="3734729866188833" data-edit="false" path="plugin">
                    <div class="pluginContent">
                      <ul class="menu reset">
                                                <li class="mli"><a class="mod-first nav_4149" href="/html/amsj/lianxiwomen/index.html" title="联系我们">联系我们</a></li>
                        <li class="mli"> <a class="mod-first nav_4151" onclick="javascript:addBookmark(this)" href="javascript:;" title="加入收藏">加入收藏</a></li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="row" id="el_8200544137366619" path="row">
  <div class="rowFluid">
    <div class="span12">
      <div class="column" id="el_8063363139406073" path="column">
        <div class="container">
          <div class="row" id="el_6881210968502967" path="row">
            <div class="rowFluid">
              <div class="span3 col-xm-3 col-sm-5 col-xs-7">
                <div class="column" id="el_1564483268793939" path="column">
                  <div class="pluginWrapper plugin_3457210083481188" id="plugin_3457210083481188" data-areaid="3457210083481188" data-edit="true" path="plugin">
                    <div class="pluginContent"><a href="/" title="浙江奥美塑胶有限公司 "><img src="/upload/1/appLogo/1701503247965.png" alt="浙江奥美塑胶有限公司"></a></div>
                  </div>
                </div>
              </div>
              <div class="span9">
                <div class="column" id="el_8957168463933381" path="column">
                  <div class="pluginWrapper plugin_4206551879844781" id="plugin_4206551879844781" data-areaid="4206551879844781" data-edit="false" path="plugin">
                    <div class="pluginContent">
                      <ul class="menu reset">
                        <li class="mli "><a class="mod-first" href="/" >首页</a></li>
                        <li class="mli "><a class="mod-first" href="/html/amsj/guanyuwomen/index.html">关于我们</a>
                          <ul class="subMenu reset">
                            <li><a href="/html/amsj/guanyuwomen/gongsijianjie/index.html">公司简介</a></li>
                            <li><a href="/html/amsj/guanyuwomen/qiyewenhua/index.html">企业文化</a></li>
                            <li><a href="/html/amsj/guanyuwomen/rencaizhaopinliebiao/index.html">人才招聘</a></li>
                          </ul>
                          
                        </li>
                        <li class="mli "><a class="mod-first" href="/html/amsj/xinwenzixun/index.html">新闻资讯</a>
                          <ul class="subMenu reset">
                            <li><a href="/html/amsj/xinwenzixun/gongsidongtai/index.html">公司动态</a></li>
                            <li><a href="/html/amsj/xinwenzixun/xingyezixun/index.html">行业资讯</a></li>
                          </ul>
                          
                        </li>
                        <li class="mli "><a class="mod-first" href="/html/amsj/chenggonganli/index.html">成功案例</a>
                        </li>
                        <li class="mli "><a class="mod-first" href="/html/amsj/lianxiwomen/index.html">联系我们</a>
                        </li>
                        <li class="mli on
"><a class="mod-first" href="/html/amsj/zaixianliuyan/index.html">在线留言</a>
                        </li>
                        <li class="mli "><a class="mod-first" href="/html/amsj/chanpinzhongxin/index.html">产品中心</a>
                          <ul class="subMenu reset">
                            <li><a href="/html/amsj/chanpinzhongxin/huise/index.html">灰色</a></li>
                            <li><a href="/html/amsj/chanpinzhongxin/lanse/index.html">蓝色</a></li>
                            <li><a href="/html/amsj/chanpinzhongxin/lvse/index.html">绿色</a></li>
                            <li><a href="/html/amsj/chanpinzhongxin/huangse/index.html">黄色</a></li>
                            <li><a href="/html/amsj/chanpinzhongxin/hongse/index.html">红色</a></li>
                            <li><a href="/html/amsj/chanpinzhongxin/chase/index.html">茶色</a></li>
                            <li><a href="/html/amsj/chanpinzhongxin/caise/index.html">彩色</a></li>
                            <li><a href="/html/amsj/chanpinzhongxin/baise/index.html">白色</a></li>
                            <li><a href="/html/amsj/chanpinzhongxin/ty/index.html">TY</a></li>
                          </ul>
                          
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript">

//加入收藏
function AddFavorite(){
	if(document.all){
		try{
			window.external.addFavorite(window.location.href,document.title);
		}catch(e){
			alert("加入收藏失败，请使用Ctrl+D进行添加！");
		}
	}else if(window.sidebar){
		window.sidebar.addPanel(document.title, window.location.href, "");
	}else{
		alert("加入收藏失败，请使用Ctrl+D进行添加！");
	}
}
</script>
<div class="row" id="el_3522598213636130" path="row">
 <div class="rowFluid">
 <div class="span12">
 <div class="column" id="el_6494216843946920" path="column">
 <div class="pluginWrapper plugin_7171338681727304" id="plugin_7171338681727304" data-areaid="7171338681727304" data-edit="true" path="plugin">
  <div class="pluginContent"> <img src="/upload/1/image/20211014/1634194651956944.jpg"></div>
 </div>
 </div>
 </div>
 </div>
</div>
<div class="row" id="el_2092707953007557" path="row">
 <div class="rowFluid">
 <div class="span12">
 <div class="column" id="el_7619190977327218" path="column">
 <div class="container">
  <div class="row" id="el_8311408124275697" path="row">
  <div class="rowFluid">
  <div class="span12">
  <div class="column" id="el_1493104552788926" path="column">
   <div class="pluginWrapper plugin_7419736775583996" id="plugin_7419736775583996" data-areaid="7419736775583996" data-edit="true" path="plugin">
   <div class="pluginContent"><a href="/" class="ms-channel-path-index"> 首页 </a>     >> <a href=/html/amsj/zaixianliuyan/index.html class="ms-channel-path-link">         在线留言  </a>     </div>
   </div>
  </div>
  </div>
  </div>
  </div>
 </div>
 </div>
 </div>
 </div>
</div>
<div class="row" id="el_4461511272075909" path="row">
 <div class="rowFluid">
 <div class="span12">
 <div class="column" id="el_7619585869411489" path="column">
 <div class="container">
  <div class="row" id="el_7953157636936829" path="row">
  <div class="rowFluid">
<div class="span3 col-sm-12">
   <div class="column" id="el_3848345362306624" path="column">
   <div class="pluginWrapper plugin_6586720160671819" id="plugin_6586720160671819" data-areaid="6586720160671819" data-edit="true" path="plugin">
   <div class="pluginContent">
   <label class="mb-label" for="nav_6586720160671819"></label>

   <input class="sideMenuCheckbox" id="nav_6586720160671819" type="checkbox">
   <div class="menu-list"> <span class="mod-wr1" data-level="1">在线留言</span> 
   </div>
   <script>seajs.use('',function(){sideMenu('6586720160671819',767);});</script></div>
   </div>
   </div>
  </div>
  <div class="span9 col-sm-12">
  <div class="column" id="el_1636745740511166" path="column">
   <div class="pluginWrapper plugin_5302834167814756" id="plugin_5302834167814756" data-areaid="5302834167814756" data-edit="false" path="plugin">
   <div class="pluginContent">在线留言</div>
   </div>
   <div class="pluginWrapper plugin_6788500880195726" id="plugin_6788500880195726" data-areaid="6788500880195726" data-edit="false" path="plugin">
   <div class="pluginContent"> 
   
   <form id="form" ref="form" >
   
   
   <div class="input-row">
    <div class="input-caption"><strong class="required">*</strong>联系人</div>
    <input class="input-text" type="text" v-model="form.username" name="name"  placeholder="联系人">
   </div>
   <div class="input-row">
    <div class="input-caption"><strong class="required">*</strong>联系电话</div>
    <input class="input-text" type="text" v-model="form.mobile" name="tel" placeholder="联系电话">
   </div>
   <div class="input-row">
    <div class="input-caption"><strong class="required">*</strong>联系邮箱</div>
    <input class="input-text" type="text" v-model="form.email" name="email"placeholder="联系邮箱">
   </div>
   <div class="input-row">
    <div class="input-caption"><strong class="required">*</strong>留言内容</div>
    <textarea class="textarea" v-model="form.content" name="content" placeholder="留言内容" rows="4"></textarea>
   </div>

   <div class="input-row" style="height:40px;">  <input @click="save" value="提 交" class='input-button'/></div>
   </form>
   </div>
   </div>
  </div>
  </div>
  </div>
  </div>
 </div>
 </div>
 </div>
 </div>
<div class="row" id="el_5705821255063035" path="row">
 <div class="rowFluid">
 <div class="span12">
 <div class="column" id="el_8107577340335166" path="column">
  <div class="container">
  <div class="row" id="el_3899738543275845" path="row">
  <div class="rowFluid">
  <div class="span12">
   <div class="column" id="el_2562420035546092" path="column">
   <div class="pluginWrapper plugin_8976384667003116" id="plugin_8976384667003116" data-areaid="8976384667003116" data-edit="true" path="plugin">
   <div class="pluginContent"><span style="float:right;"><img src="" alt="" width="100" /></span>
   <p> <br />
    浙江奥美塑胶有限公司 </p>
   <p>      </p>
   </div>
   </div>
   </div>
  </div>
  </div>
  </div>
  </div>
 </div>
 </div>
 </div>
 </div>
</div>
</body>
<script>
 var form = new Vue({
  el: '#form',

  data: function () {
   return {
    isLoading: false,
    form: {
     modelName: '',
     // 名字
     username: '',
     // 电话
     mobile: '',
     //邮箱
     email:'',
     // 留言
     content: ''
    }
   }
  },
  methods: {
   save: function (e) {
    e.preventDefault();//阻止默认事件跳转
    var that = this;
    if (!that.form.username) {
     that.$notify({
      title: '失败',
      type: 'info',
      message: '请输入您的姓名!'
     });
     return;
    }
    if (!(/^([0-9]{3,4}-)?[0-9]{7,8}$|^\d{3,4}-\d{3,4}-\d{3,4}$|^1[0-9]{10}$/ .test(that.form.mobile))) {
     that.$notify({
      title: '失败',
      type: 'info',
      message: '联系电话格式不对!'
     });
     return;
    }
    if(!(/^[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*@[a-zA-Z0-9]+([-_.][a-zA-Z0-9]+)*\.[a-z]{2,}$/) .test(that.form.email)){
     that.$notify({
      title: '失败',
      type: 'info',
      message: '邮箱格式不对!'
     });
     return;
    }
    if (!that.form.content) {
     that.$notify({
      title: '失败',
      type: 'info',
      message: '请输入您的备注！'
     });
     return;
    }
    that.form.modelName = '在线留言';
    ms.http.post("/mdiy/form/data/save.do", that.form).then(function (res) {
     if (res.result) {
      that.$notify({
       title: '成功',
       type: 'success',
       message: '感谢您的留言!'
      });
      that.form = {
       username: '',
       mobile: '',
       email: '',
       content: ''
      }//提交后清空表单
     } else {
      that.$notify({
       title: '失败',
       message: res.msg,
       type: 'warning'
      });
     }
    })
   }
  }
 })
</script>
</html>
